<template>
  <view class="cow-list" @click="handleClick">
    <view class="img">
      <image :src="item.img"></image>
    </view>
    <view class="msg">
      <view class="bh">{{ item.bh }}</view>
      <view class="bh" style="color: #9d9d9d;">IMEI: {{ item.imei }}</view>
    </view>
    <view class="arrow-right">
      <uv-icon name="arrow-right" size="30" color="#9e9e9e"></uv-icon>
    </view>
  </view>
</template>

<script setup>
import uvIcon from '@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue';

const props = defineProps({
  item: {
    type: Object,
    required: true
  }
});

const emit = defineEmits(['onItemClick']);

const handleClick = () => {
  emit('onItemClick', props.item);
};
</script>

<style scoped lang="scss">
.cow-list{
  width: 690rpx;
  height: 120rpx;
  background-color: #fff;
  margin-top: 20rpx;
  margin-left: 30rpx;
  border-radius: 20rpx;
  display: flex;
  .img{
    width: 120rpx;
    height: 120rpx;
  }
  .msg{
    flex:1;
    padding-top: 24rpx;
  }
  .arrow-right{
    width: 60rpx;
    height: 100%;
    display: flex;
    align-items: center;
  }
}
image{
  width: 72rpx;
  height: 72rpx;
  margin: 24rpx;
}
.bh{
  font-size: 26rpx;
  margin-bottom: 10rpx;
}
</style>